page{
  height: 100vh;
  background-color: #efefef !important;
  padding: 16rpx;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  >view{
    &:nth-child(n+2){
      margin-top: 16rpx;
    }
  }
}
//轮播图区域样式
.swiper{
  border-radius: 10rpx;
  overflow: hidden;
  swiper{
    height: 360rpx;
    background-color: skyblue;

    swiper-item{
      image{
        width: 100%;
        height: 100%;
        border-radius: 10rpx;
      }
      //& 在 sass 中代表的是父选择器
      // swiper-item:first-child
      &:first-child{
        background-color: lightsalmon;
      }
      &:last-child{
        background-color: lightseagreen;
      }
    }
  }
}

//公司信息
.info{
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  padding: 16rpx;
  border-radius: 10rpx;
  font-size: 24rpx;
  padding: 20rpx 16rpx;
}

//商品导航区域
.good-nav{
   display: flex;
   justify-content: space-between;
   background-color: #fff;
   padding: 20rpx 16rpx;
   border-radius: 10rpx;
   view{
     display: flex;
     flex-direction: column;
     align-items: center;
     image{
      width: 80rpx;
      height: 80rpx;
     }
     text{
       font-size: 24rpx;
       margin-top: 12rpx;
     }
   }
}
